view,
page,
text,
button,
image,
textarea,
scroll-view,
input {
	box-sizing: border-box;
}
image {
	display: block;
}
button {
	margin: 0;
	padding: 0;
	background-color: #ffff;
}
button::after {
	border: none;
}
::-webkit-scrollbar{
	width: 0;
	height: 0;
	color: transparent;
	background-color: transparent;
	display: none;
}

// 主题背景色
.themeBgColor {
	background-color: $themeColor !important;
}
.themeBgColor[disabled]:not([type]) { // 按钮禁用
	background: #FFE5DE !important;
}

.tc{
  text-align: center;
}
.fw4{
	font-weight: 400;
}
.fw5{
	font-weight: 500;
}

.fw6{
	font-weight: bolder;
}

.ov1{
	@include toe()
}

// 解决滑块贴底
.u-tab-bar{
	bottom: -3px !important;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.justify-start {
	display: flex;
	justify-content: flex-start;
}

.justify-center {
	display: flex;
	justify-content: center;
}

.justify-end {
	display: flex;
	justify-content: flex-end;
}

.justify-evenly {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.justify-around {
	display: flex;
	justify-content: space-around;
}

.justify-between {
	display: flex;
	justify-content: space-between;
}

.items-start {
	display: flex;
	align-items: flex-start;
}

.items-center {
	display: flex;
	align-items: center;
}

.items-end {
	display: flex;
	align-items: flex-end;
}

.px32{
	padding-left: 32rpx;
	padding-right: 32rpx;
}

// 主题背景色
.themeBgColor {
	background-color: $themeColor;
}
// 副背景色
.viceBgColor {
	background-color: $n2Color;
}
// 主题字体色
.themeFontColor {
	color: $themeColor !important;
}
// 副字体色调
.viceColor {
	color: $n6Color !important;
}
// 副字体色调
.viceColorN7 {
	color: $n7Color !important;
}
.viceColorN3 {
	color: $n3Color !important;
}
.viceColorN4 {
	color: $n4Color !important;
}
.viceColorN8 {
	color: $n8Color !important;
}
.viceColorN9 {
	color: $n9Color !important;
}
.indent1{
	text-indent: 1rem;
}
.indent2{
	text-indent: 2rem;
}
// 边框颜色
.borderN4{
	border: 2rpx solid $n4Color;
 }
// iPhoneX底部安全区域
.safe-bottom {
	padding-bottom: 0;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

// 去除默认按钮样式
.buttonStyleNone{
	background-color: inherit;
	padding: inherit;
	line-height: inherit;
	margin: inherit;
	border-radius: 0rpx;
	&::after{
		display: none;
	}
}

// 吸底按钮 50px
.fixedBottomBtn{
  position: fixed;
	z-index: 999;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  background-color: $themeColor;
  color: #FFF;
  box-sizing: content-box;
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom);
	box-shadow: 0 20px 20px 20px #FFF;
}

// 搜索框增加搜索icon start
.placeholderTC .u-input .input-placeholder{
	text-align: center;
	color:#DCDEE0;
	&::before{
		opacity: 1;
		font: normal normal normal 16px/1 "uicon-iconfont";
		content: "\e62a";
		margin-right: 20rpx;
	}
}
.searchIconNone .u-input .input-placeholder{
	&::before{
		opacity: 0;
	}
}
// 搜索框增加搜索icon end

// 文字阴影
.text_shadow {
	text-shadow: 0rpx 2rpx 2rpx rgba(0, 0, 0, 0.2);
}

// 富文本图片，去除间隔
.editorImg{
	width: 100%;
	display: block;
}
.editorImg + .editorImg{
	margin-top: -8rpx !important;
}
// 富文本placeholder 样式
.ql-editor.ql-blank:before {
  font-style: normal;
}
// 红色按钮
.red_btn{
 display: flex;
 justify-content: center;
 align-items: center;
 color: #fff;
 background-color: $themeColor;
 font-size: 28rpx;
 padding: 0;
 margin: 0;
 line-height: 100%;
 border-radius: 200rpx;
}